
.warp{
	margin: 500px auto 0 auto;
	width: 1920px;
	height: 760px;
	border: 1px solid #e6e6e6;
	position: relative;
	overflow: hidden;
}
.innerBtn{
	position: relative;
}
.innerBtn .pre{
	position: absolute;
	left: 1142px;
	top: 216px;
	width: 45px;
	height: 45px;
	background:  url(images/inner-pre.png) center center no-repeat;
	background-size: 22px 15px;
	z-index: 9999;
}
.innerBtn .pre:hover{
	background:  url(images/inner-preHover.png) center center no-repeat;
	background-size: 45px 45px;
}
.innerBtn .next{
	position: absolute;
	left: 1145px;
	top: 485px;
	width: 45px;
	height: 45px;
	background:  url(images/inner-next.png) center center no-repeat;
	background-size: 22px 15px;
	z-index: 9999;
}
.innerBtn .next:hover{
	background:  url(images/inner-nextHover.png) center center no-repeat;
	background-size: 45px 45px;
}
.inner{
	width: 1344px;
	height: 1344px;
	border: 1px solid #d8d8d8;
	position: absolute;
	left: 60%;
	top: -40%;
	border-radius: 100%;
	background-color: #fcfcfc;
	
	transition: all 1s ease-out;
}


.inner ul li{
	width: 760px;
	height: 150px;
	border-radius:100%;
	text-align: left;
	position: absolute;
	perspective: 200px;
	
}
.inner ul li .left-show-img{
	position: absolute;
	left: -500px;
	top: 200px;
}
.inner ul li .frText{
	
	display: none;
	
	transform: translate3d(0,0,0);
}
.inner ul li .frText span{
	display: inline-block;
	font-size: 20px;
	
}
.inner ul li .frText span i.active{
	color: #2cb7ca;
}
.inner ul li .frText p:nth-of-type(1){
	margin-top: 18px;
	font-size: 24px;
	font-weight: bold;
	
}
.inner ul li .frText p:nth-of-type(2){
	font-weight: normal;
	margin-top: 12px;
	font-size: 18px;
	
	
}
.inner ul li:nth-of-type(1){
	position: absolute;
	left: -71px;
	top: 616px;
	
}
.inner ul li:nth-of-type(2){
	position: absolute;
	left: -49px;
	top: 462px;
	transform: rotate(24deg);
}
.inner ul li:nth-of-type(3){
	position: absolute;
	left: 28px;
	top: 324px;
	transform: rotate(48deg);
}
.inner ul li:nth-of-type(4){
	position: absolute;
	left: 167px;
	top: 256px;
	transform: rotate(72deg);
}
.inner ul li:nth-of-type(5){
	position: absolute;
	left: 312px;
	top: 232px;
	transform: rotate(96deg);
}
.inner ul li:nth-of-type(6){
	position: absolute;
	left: 468px;
	top: 269px;
	transform: rotate(120deg);
}
.inner ul li:nth-of-type(7){
	position: absolute;
	left: 583px;
	top: 372px;
	transform: rotate(144deg);
}
.inner ul li:nth-of-type(8){
	position: absolute;
	left: 650px;
	top: 516px;
	transform: rotate(168deg);
}
.inner ul li:nth-of-type(9){
	position: absolute;
	left: 652px;
	top: 662px;
	transform: rotate(192deg);
}
.inner ul li:nth-of-type(10){
	position: absolute;
	left: 604px;
	top: 797px;
	transform: rotate(216deg);
}
.inner ul li:nth-of-type(11){
	position: absolute;
	left: 489px;
	top: 901px;
	transform: rotate(240deg);
}
.inner ul li:nth-of-type(12){
	position: absolute;
	left: 344px;
	top: 955px;
	transform: rotate(264deg);
}
.inner ul li:nth-of-type(13){
	position: absolute;
	left: 191px;
	top: 948px;
	transform: rotate(288deg);
}
.inner ul li:nth-of-type(14){
	position: absolute;
	left: 52px;
	top: 880px;
	transform: rotate(312deg);
}
.inner ul li:nth-of-type(15){
	position: absolute;
	left: -42px;
	top: 760px;
	transform: rotate(336deg);
}

.inner-left{
	position: relative;
}
.inner-left img{
	position: absolute;
	left: 200px;
	top: 400px;
	opacity: 0;	
}
.inner-left img:hover{
	transition: all 1s;
	transform: scale(1.5);
}
/*隐藏按钮*/
.warp .hideBtn {
	position: absolute;
	left: 900px;
	top: 0;
	z-index: 10000;
}
#hideNext{
	position: absolute;
	left: 241px;
	top: 34px;
	width: 150px;
	height: 150px;
	background-color: transparent;
	
}
#hidePre{
	position: absolute;
	left: 241px;
	top: 574px;
	width: 150px;
	height: 150px;
	background-color: transparent;
}
.animteOpacity{
	
	animation: fadeOpacity 1s ease;
}
@keyframes fadeOpacity{
	0%{
		opacity: 0;
	}
	50%{
		opacity: 0.5;
	}
	100%{
		opacity: 1;
	}
}